<template>
	<tm-fullView>
		<tm-menubars title="对话框" color="bg-gradient-primary-lighten" :showback="true"></tm-menubars>
		<tm-sheet :shadow="24">
			<view class="pa-12 text-size-s text-weight-b blue text mb-32 round-2" :class="$tm.vx.state().tmVuetify.black?'black bk':''">默认样式</view>
			<tm-button @click="show =true;" block>显示对话框 </tm-button>
			<tm-dialog v-model="show" >我是弹内容</tm-dialog>
		</tm-sheet>
		<tm-sheet :shadow="24">
			<view class="pa-12 text-size-s text-weight-b blue text mb-32 round-2" :class="$tm.vx.state().tmVuetify.black?'black bk':''">分割按钮,更换主题</view>
			<tm-button theme="bg-gradient-red-accent-b" @click="show1=true" block>渐变主题对话框</tm-button>
			<tm-dialog  confirmText="付钱" confirmColor="bg-gradient-red-accent-b" cancelColor="pink" v-model="show1" content="我是弹层内容" theme="split"></tm-dialog>
		</tm-sheet>
		<tm-sheet :shadow="24">
			
			<view class="pa-12 text-size-s text-weight-b blue text mb-32 round-2" :class="$tm.vx.state().tmVuetify.black?'black bk':''">对话输入框</view>
			<tm-button :fllowTheme="false" @click="show3=true" block>不显示取消按钮</tm-button>
			<tm-dialog :input-val.sync="inpuval" confirmText="不能为空" :showCancel="false" model="confirm" v-model="show3" content="我是弹层内容" theme="split"></tm-dialog>
			
		</tm-sheet>
		
	</tm-fullView>

</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	import tmButton from "@/tm-vuetify/components/tm-button/tm-button.vue"
	import tmDialog from "@/tm-vuetify/components/tm-dialog/tm-dialog.vue"
	export default {
		components:{tmFullView,tmMenubars,tmSheet,tmButton,tmDialog},
		data() {
			return {
				show:false,
				show1:false,
				show3:false,
				show4:false,
				inpuval:''
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
